<template>
	<view class="container">
		<view class="item-title">
			Let's fix your issue
		</view>
		<list-cell v-for="(item,key) in issueList" :key="key" :title="item.value" @eventClick="goFixPage(item)"></list-cell>
	</view>
</template>

<script>
	import listCell from '@/components/mix-list-cell';
	export default {
		components: {
			listCell
		},
		data() {
			return {
				issueList: [],
				issueKnowList: []
			}
		},
		onLoad() {
			this.loadData();
		},
		methods: {
			async loadData() {
				let issueList = await this.$api.json('issueList');
				this.issueList = issueList || [];
				let issueKnowList = await this.$api.json('issueKnowList');
				this.issueKnowList = issueKnowList || [];
			},
			goFixPage() {
				this.$common.navigateTo('../services')
			}
		}
	}
</script>

<style lang="scss">
.item-title {
	font-size: $font-lg + 4upx;
	font-weight: bold;
	padding: 48rpx 44rpx;
	border-bottom: 2rpx solid #E5E5E5;
}
</style>
